<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    /**
        伪元素: 就是元素中的一些特殊位置
        符号为'::'
     */
    div::first-letter{
        font-size: 20px;
        color: red;
    }
    div::first-line{
        color: yellow;
    }
    div::selection{
        color: green;
    }
    p::before{
        content: '$';
    }
    p::after{
        content: '.00';
    }
</style>
<body>
    <div>在晨曦初破的宁静中，露珠轻吻着花瓣，仿佛是大自然最温柔的问候。它们在阳光的抚摸下闪烁着晶莹的光芒，如同镶嵌在绿叶间的珍珠，静静地诉说着夜的秘密与日的期待。微风轻拂过，带来一丝丝凉爽和花香，使得整个空气都弥漫着一种清新的气息。鸟儿在枝头欢快地歌唱，它们的歌声如同天籁之音，为这美好的早晨增添了几分生机与活力。远处，山峦叠嶂，云雾缭绕，宛如一幅精美的水墨画，让人心旷神怡。河流潺潺流淌，水面上泛起层层涟漪，倒映着蓝天白云和岸边的风景，美不胜收。此刻的世界仿佛被施了魔法，一切都变得如此美好而和谐，让人不禁沉醉其中，忘却尘世的烦恼与忧愁。</div>
    <br>
<P>200</P>
<P>300</P>
<P>100</P>
</body>
</html>